<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

    <script>

        /*
            * ajax请求
            * 参数说明
            *  type  请求数据的类型   get / post
            *  path  接口的路径
            *  dataType 后端的返回值类型  json/JSON / 其他
        */
        function ajax(type, path, dataType, cb) {
            const xhr = new XMLHttpRequest();
            xhr.open(type, path, true);
            xhr.send();
            xhr.onreadystatechange = function () {
                if (xhr.readyState === 4 && xhr.status === 200) {
                    let data = xhr.responseText;


                    // 数据可能是普通的字符串    也可能是json
                    if (dataType.toLowerCase() === 'json') {
                        data = JSON.parse(data);
                    }
                    // 数据请求成功以后要做事情
                    cb(data);

                }
            }
        }


        // 由于参数过多 ， 需要按照顺序去传参


        // ajax('get', '../data/1.json', 'string', function (res) {
        //     console.log(res);
        // })


        ajax('get', '../data/pro.json', 'JSON', function (res) {
            console.log(res);
        })

    </script>

</body>

</html>